<route lang="json5">
  {
    style: {
      navigationBarTitleText: '示例'
    },
  }
</route>

<template>
  <view class="page">
    <sar-list>
      <sar-list-item v-for="item in list" :key="item.path" :title="item.title" hover arrow icon-color="#4994EC" @click="toPage(item.path)"></sar-list-item>
    </sar-list>
  </view>
</template>

<script lang="ts" setup>
const list = [
  { title: '主题色', path: '/pages/demo/theme' },
  { title: 'gi-form 配置表单示例', path: '/pages/demo/form' },
  { title: 'gi-space 示例', path: '/pages/demo/space' },
  { title: 'gi-fixed-footer 示例', path: '/pages/demo/fixed-footer' },
  { title: '列表页 示例', path: '/pages/demo/list' },
  { title: '列表页 示例2', path: '/pages/demo/list2' },
  { title: '流程页 示例', path: '/pages/demo/wf-page' },
]

function toPage(path: string) {
  uni.navigateTo({ url: path })
}
</script>

  <style lang="scss" scoped></style>
